.footer {
  background-attachment: fixed;
  position: relative;
  line-height: 1.25em;
  nav {
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-weight: normal;
      li {
        display: inline-block;
        padding: 0.625em 0.9375em;
        margin: 0.9375em 0.1875em;
        line-height: 1.25em;
        text-align: center;
      }
      a:not(.btn) {
        color: $font-color;
        display: block;
        margin-bottom: 0.1875em;

        &:focus,
        &:hover {
          color: $default-states-color;
        }
      }
    }
  }
  .copyright {
    color: $font-color;
    padding: 1.5625em 0.9375em;
    font-size: 0.875rem;
    white-space: nowrap;
    margin: 0.9375em 0.1875em;
    line-height: 1.25em;
  }
  .heart {
    color: $danger-color;
  }
}

$fade-white : #403D39;
$white : #ccc;

a.social {
  color: #403D39;
  text-decoration: none;
  margin-left: 0.9375em;
  transition: 0.3s;
  font-weight: 200;
  font-size: 0.875rem;
  line-height: 1em;
  opacity: .8;
  font-family: Poppins;

  &:visited{
    text-decoration: none;
  }
  &:hover{
    opacity: 1;
  }
  &:active{
    color: #5fd1fa;
  }
}
